<template>
	<view>
		<view class="loginBox">
			<image class="login_Icon" src="../../../static/user2/photo.png"></image>
			<input class="inputNumber" type="text" placeholder="请输入账号"/>
		</view>
		<view class="loginBox">
			<image class="login_Icon" src="../../../static/user2/password.png"></image>
			<input class="inputNumber" type="text" placeholder="请输入6-16位数密码"/>
		</view>
		<text class="remberPwd">记住密码</text>
		<view @click="gomerchant" class="loginBut">登陆	</view>
		<text @click="goapplicAccount" class="applyNumber">无账号立即申请</text>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods:{
			back() {
				uni.navigateBack({
					delta: 1,
				})
			},
			gomerchant(){
				uni.navigateTo({
					url:'./merchantIndex'
				})
				},
				goapplicAccount(){
					uni.navigateTo({
						url:'./userCenter'
					})
				}
			}
	}
</script>

<style lang="scss">
	.loginBox{
		width: 650rpx;
		height: 116rpx;
		border-bottom: 1rpx solid #E5E5E5;
		position: relative;
		top: 250rpx;
		left: 50rpx;
	}
	.login_Icon{
		width: 28rpx;
		height: 40rpx;
		position: absolute;
		top: 60rpx;
		left: 0rpx;
	}
	.inputNumber{
		width: 300rpx;
		height: 50rpx;
		position: absolute;
		top: 55rpx;
		left: 56rpx;
		font-size: 28rpx;
	}
	.remberPwd{						
		font-size:24rpx;
		font-family:PingFang SC;
		font-weight:400;
		color:rgba(142,142,142,1);
		position: absolute;
		top: 520rpx;
        left: 590rpx;		
		}
		.loginBut{
			width: 650rpx;
			height: 90rpx;
			background:rgba(115,34,216,1);
			box-shadow:0rpx 0rpx 18rpx 2rpx rgba(115,34,216,0.3);
			border-radius:20rpx;		
			font-size:38rpx;
			font-family:PingFang SC;
			font-weight:bold;
			color:rgba(255,255,255,1);
			display: flex;
			align-items: center;
			justify-content: center;
			position: absolute;
			top: 650rpx;
			left: 50rpx;
			}
			.applyNumber{
				font-size:24rpx;
				font-family:PingFang SC;
				font-weight:bold;
				color:rgba(115,34,216,1);
				position: absolute;
				top: 780rpx;
				left: 289rpx;
			}
</style>
